<template>
    <div>
        <el-breadcrumb separator="/" class="bread">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/business' }">后台管理系统</el-breadcrumb-item>
            <el-breadcrumb-item>基础设置</el-breadcrumb-item>
        </el-breadcrumb>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="一级轮播" name="first">
                <first-swiper></first-swiper>
            </el-tab-pane>
            <el-tab-pane label="首页推荐商品" name="second">
                <recommend></recommend>
            </el-tab-pane>
            <el-tab-pane label="系统名称设置" name="third">
                <system-set-up></system-set-up>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import FirstSwiper from "./baseSet/FirstSwiper";
    import Recommend from "./baseSet/Recommend";
    import SystemSetUp from "./baseSet/SystemSetUp";
    export default {
        name: "BaseSetUp",
        components: {FirstSwiper, Recommend, SystemSetUp},
        data() {
            return {
                activeName: 'first',

            }
        },
        methods: {
            handleClick() {

            }
        }
    }
</script>

<style scoped>
    .bread {
        margin-bottom: 20px;
    }
</style>